<template>
  <view
    class="about-us"
    :style="{ background: `url(${baseImgUrl}/commonImg/img_setting_bg.png)` }"
  >
    <nav-bar title="关于我们" backgroundColor="#115BAA" titleColor="#FFF"></nav-bar>
    <view class="logo-box">
      <image class="logo" :src="baseIconUrl + '/commonIcon/icon_about_logo_big.png'" />
    </view>
    <view class="content">
      武汉市青少年脊柱健康技术中心是一个综合运用通信技术、感知技术和计算机技术，为用户提供康复计划方案和动作训练指导的应用。它致力于实现跨越空间的康复医疗服务，使您居家也能进行专业的康复训练。康复专家会为用户量身定制康复计划，同时提供运动健康相关资讯科普，用户在商城还可以购买或租赁康复辅助设备。
    </view>
    <view class="bottom-box" :style="{ bottom: safeHeight + 'px' }">
      <view class="bottom-item">客服电话: 185 7150 3536</view>
      <view class="bottom-item">备案号:鄂ICP备17023400号-1</view>
      <view class="bottom-item">博奥美迪公司 版权所有</view>
      <view class="bottom-item">Copyright @ 2022-2023 Tencent.All Rights Reserved</view>
    </view>
  </view>
</template>

<script>
  import { baseImgUrl, baseIconUrl } from '@/config'
  export default {
    name: 'AboutUs',
    data() {
      return {
        baseImgUrl,
        baseIconUrl,
        safeHeight: 0
      }
    },
    onLoad() {
      this.safeHeight = this.$store.getters.heightData.safeHeight
    },
    methods: {

    }
  }
</script>
<style lang="scss" scoped>
  .about-us {
    height: 100vh;
    .logo-box {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 232rpx;
      height: 232rpx;
      margin: 146rpx auto 70rpx;
      border-radius: 134rpx;
      background-color: #FFF;
      .logo {
        width: 200rpx;
        height: 200rpx;
      }
    }
    .content {
      margin: 0 90rpx;
      letter-spacing: 2rpx;
      line-height: 36rpx;
      font-size: 24rpx;
      text-align: justify;
      color: #808080;
    }
    .bottom-box {
      width: 100%;
      position: fixed;
      left: 0;
      text-align: center;
      font-size: 24rpx;
      color: #808080;
      .bottom-item {
        margin-top: 8rpx;
      }
    }
  }
</style>
